<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es_ES" lang="es_ES" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
		<title>Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</title>
	
		<meta name="author" content="Runroom http://www.runroom.com" />
		<meta name="language" content="es_ES" />
		<meta http-equiv="content-style-type" content="text/css" />
		<meta http-equiv="content-script-type" content="text/javascript" />
		<meta name="robots" content="index,follow" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />

		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<!-- hojas de estilo //-->
<!-- 
		<link media="all" rel="stylesheet" href="css/pre-v3.css">
 -->
		<link media="all" rel="stylesheet" href="css/styles.css" />
		<link media="all" rel="stylesheet" href="css/custom.css" />
		<link media="all" rel="stylesheet" href="css/qp-v3.css" />

		<!-- conditional comment: CSS para Explorer 7 y menor //-->
			<!--[if lte IE 7]>
				<link rel="stylesheet" href="css/ie7menos.css" />
			<![endif]-->
	
		<!-- incluir scripts //-->
		<script type="text/javascript" src="js/jquery.tools.min.js"></script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=ABQIAAAAzClpJywkGASi3cdCCxdvnBRyVQWqmkHGDTi57WK1YtyDytrQIhQNeQ5HGi7cnaGyd90vRPydCOgxrA&amp;sensor=false&amp;language=es_ES&amp;v=3.1&amp;region=ES"></script>
		<script type="text/javascript" src="js/json2.js"></script>
		<script type="text/javascript" src="js/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<script type="text/javascript" src="js/locationSelector.js"></script>
		<script type="text/javascript" src="js/jquery.flip.min.js"></script>
		<script type="text/javascript" src="js/jquery.countdown.js"></script>
		<script type="text/javascript" src="js/jquery.countdown-es_ES.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
		<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
		<script type="text/javascript" src="js/localscroll.js"></script>
		<script type="text/javascript" src="js/jquery.curvycorners.min.js"></script>
		<script type="text/javascript" src="js/jquery.fullscreenr.js"></script>	
		<script type="text/javascript" src="js/qp_tabs.js"></script>
		<script type="text/javascript" src="js/jquery.Jcrop.min.js"></script>
		<script type="text/javascript" src="js/fileuploader.js"></script>
		<script type="text/javascript" src="js/s3Capcha.js"></script>
		<script type="text/javascript" src="js/feeds.js"></script>
		<script type="text/javascript" src="js/feeds_home.js"></script>
<!-- 
		<script type="text/javascript" src="js/headerscripts.js"></script>
 -->
		<!-- end incluir scripts //-->

	</head>
	
	<body>
		<a name="top"></a>
		<div id="fb-root"></div>
	
		<noscript>
			<div id="aviso_js">
				<p>Lo sentimos, pero esta web sólo funciona con Javascript activado.</p>
			</div>
		</noscript>

		<!-- conditional comment: aviso para Explorer 6 y menor //-->
			<!--[if lte IE 6]>
				<div id="aviso_ie">
					<p><strong>Hemos detectado que utilizas Internet Explorer 6</strong>, un navegador obsoleto, con problemas de seguridad y compatibilidad conocidos.</p>
					<p>Recomendamos que actualices tu navegador <a href="http://www.browserchoice.eu">en la web de browserchoice.org, haciendo clic aquí</a></p>
				</div>
			<![endif]-->

		<div class="header">
			<div class="session-links">
				<a title="Accede a tu cuenta Qporama" href="registro">Inicia sessión</a>
				<a title="Crea una cuenta Qporama" href="registro">Regístrate</a>
			</div> <!-- / .social-links -->	
			
			<div class="social-links">
				<a title="Visita la página Facebook de Qporama" class="facebook" href="facebook"><span>facebook</span></a>
				<a title="Visita la página Twitter de Qporama" class="twitter" href="twitter"><span>twitter</span></a>
			</div> <!-- / .social-links -->	
	
	
			<h2 class="logo_claim">
				<a class="logo" name="top" title="volver a la página de inicio" href="index.html">
					<span class="hidden">Qporama: Conecta con tus marcas favoritas y accede a regalos y ofertas exclusivas</span>
				</a>
			</h2>
			<h1 class="claim">
				Conecta con tus <strong>marcas</strong> favoritas y <br />accede a <strong>regalos</strong> y ofertas <strong>exclusivas</strong>
			</h1>
		</div> <!-- / .header -->
	
		<div class="fondo-pagina" style="background: url(css/css_images/fondo-home-beige.jpg);">
			<div class="gradient">&nbsp;</div>
		</div>

		<!-- en la pagina de login -->
			<div class="user">
				<div class="profile">
					<!-- p><a href="/signup">Regístrate gratis</a> y disfruta de descuentos de hasta el 25% en tus negocios favoritos!</p //-->
				</div><!-- cerrar profile //-->
				<div class="mensajes">
					<h2 class="titulo-principal">Inicia sesión</h2>
					<p class="soft">¿No estás registrado? <a href="/signup" title="Crea tu cuenta">Crea tu cuenta</a></p>
				</div><!-- cerrar mensajes //-->
			</div><!-- cerrar user //-->


		<div class="buscar">
			<form action="#" method="get">
				<p class="fondo-input-buscar l"><input type="text" id="buscar" value="Busca un negocio o una oferta" /></p>

				<ul class="fondo-select selecciona-categoria">
					<li class="catselector-link" onclick="$('#CatSelector').slideToggle('fast');">Selecciona una categoría
						<ul id="CatSelector">
							<li><a title="Moda y Complementos" href="#">Comer y beber</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
							<li><a title="Moda y Complementos" href="#">Moda y Complementos</a></li>
						</ul>
					</li>
				</ul>

				<p class="fondo-select l" style="position: relative; left: -2px; z-index: 0;"><input type="text" id="location_selector_ciudad" value="Barcelona" /> <small><a id="location_selector_ciudad_cambiar" href="javascript:;">[cambiar]</a></small></p>
				<p class="boton secundario grande l"><input type="submit" value="buscar" /></p>
			</form>
		</div> <!-- cerrar buscar //-->

<!-- aqui empieza el div class="page -->

<div class="page">

	<!-- columna de contenido principal //-->
		<div class="c-960">
			<!-- columna de contenido login //-->
			<div class="caja c960 f1f1f1">
				<div class="content">

					<div class="promos laterales">
						
					<div class="caja c280">
	<div class="content">
		<h2 class="titulo-principal cajita"> Estás comprando:</h2>
		<div class="oferta-relacionada">
		<p><small><strong>2x1 Pans&Company. Llévate tu segundo bocadillo gratis.</strong></small></p>
		<p class="ofertatext">
				<span class="corners w70px l"><img src="http://qporama-eu.s3.amazonaws.com/development/coupons/283/photo_qpon0_bigthumb_1269518264.png" alt="" width="70px" /><span class="cornersfff"></span></span>
				<small>Paga uno y llevate dos, por el pago de cualquier bocadillo Pans&Company<!--more--> te llevas otro de igual o inferior valor. No acumulable a otras ofertas y promociones.</small></p>
		</div> <!-- cerrar oferta-relacionada //-->
	</div> <!-- cerrar content //-->
	<div class="cierre"></div>
</div> <!-- cerrar caja c280 //-->
						
						
					</div> <!-- cerrar promos laterales //-->

					<div class="formulario ancho">

					
						

					<!--div class="facebutton enorme es" style="display:block; float: left; cursor:pointer; cursor:hand;" id="facebook-connect-button"></div //-->
					<div class="facebutton enorme" id="facebook-connect-button"><p>Inicia sesión con facebook</p></div>
												<p class="soft" style="margin: 20px 0 10px 0;">o utiliza tu cuenta Qporama:</p>
						
						<form id="login-form" class="form-tooltip form-validator f620" action="/login" method="post">

							<p><label for="s_email">E-mail</label></p>
							<p class="fondo-input"><input type="email" value="" id="s_email" required="required" name="s_email" rel="tooltip" title="Escribe el e-mail con el que te registraste" tabindex="1"/></p>
							<p><label for="s_password">Contraseña</label></p>
							<p class="fondo-input"><input type="password" value="" id="s_password" required="required" name="s_password" rel="tooltip" title="Escribe la contraseña" tabindex="2"/></p>

							<p><label for="s_remember"><input type="checkbox" value="on" id="s_remember" name="s_remember" /> Recordarme en este equipo?</label></p>

							<input type="hidden" name="coupon_id" id="coupon_id" value="283"/>
							
							<p style="display: block; float: left; width: 162px; margin: 20px 20px 20px 0;" class="boton primario grande">
								<a href="#"><span>iniciar sesión</span></a>
							</p>
							
							<p style="display: block; float: left; width: auto; height: 42px; line-height: 42px; margin: 20px;">
									<a href="/distribution?coupon_id=283" title="cancelar">volver al qpon</a></p>
								
							
							<input type="hidden" value="" name="fb_id" id="fb_id" />
											
						</form>
	
						<div id="login" style="display:none;"></div>
						<div id="name"></div>
						<!-- div><img id="profileimage" src="" alt="" /></div //-->

				</div> <!-- cerrar div formulario grande //-->
				<div class="clear">&nbsp;</div>
				</div> <!-- cerrar content //-->
				<div class="cierre"></div>
		</div> <!-- cerrar caja c960 f1f1f1 //-->
			
		<!-- columna de contenido olvidado tu contraseña //-->
		<div class="caja c960 f1f1f1">
			<div class="content">
				<div class="formulario ancho">
					<h2 class="titulo-principal light">¿Has olvidado tu contraseña?</h2>
					<form id="forgot-password" class="form-tooltip form-validator f620" action="/login/forgotpassword" method="post">
					
						<p><label for="email">E-mail</label></p>
						<p class="fondo-input"><input type="email" value="" required="required" rel="tooltip" id="email" name="email" title="Escribe el e-mail que has utilizado para registrarte en Qporama, y te enviaremos una contraseña nueva a esa dirección." tabindex="4" /></p>

						<p style="display: block; float: left; margin: 20px 20px 20px 0;" class="boton secundario grande">
							<a href="#"><span>recupera contrasena</span></a>
						</p>
					</form>
				</div> <!-- cerrar div formulario grande //-->
					<div class="clear">&nbsp;</div>
				</div> <!-- cerrar content //-->

			<div class="cierre"></div>
		</div> <!-- cerrar caja c960 f1f1f1 contraseña //-->

		</div> <!-- cerrar columna de 960px de ancho //-->

	</div> <!-- cerrar page //-->
	<!-- TODO: PHIL -->
<div class="modal" id="modal-win">
	<div class="contentWrap" style="border-bottom: none;">
		<div class="switch primer">
			<h3>Tengo cuenta Qporama</h3>
			<p>Quiero asociar mi cuenta de Facebook a mi cuenta de Qporama</p>
			<p class="boton primario grande" style="width: 200px; margin: 10px 20px 20px 0;"><a href="javascript:;" class="close"> Login </a></p>
		</div>
		<div class="switch">
			<h3>No tengo cuenta Qporama</h3>
			<p>Me quiero registrar y crear una cuenta en Qporama</p>
			<p class="boton secundario grande" style="width: 200px; margin: 10px 20px 20px 0;"><a href="javascript:;" class="close"> Signup </a></p>
		</div>
	</div>
	<div class="clear">&nbsp;</div>
</div>
	
</body>
</html>